page{
	background-color: #f9f9f9;
}
.device-layout-block{
	padding:28upx 36upx;
	line-height: 1.4;
}
.device-layout-mod{
	padding:44upx 48upx;
	border-radius: 20upx;
	background-color: #fff;
	box-shadow: -1upx 2upx 20upx 0 rgba(6, 0, 1, 0.04);
}
.device-layout-mhead{
	margin-bottom: 64upx;
	/deep/.u-steps{
		.u-steps__item__text--row{
			display: none;
		}
	}
	/deep/.evan-steps{
		.evan-step__content--horizontal{
			width: auto;
			display: none;
		}
	}
}
.device-layout-mbody{
	margin-bottom: 64upx;
}
.device-layout-mfoot{
	
}
.textinfo-box{
	font-size: 28upx;
	margin-bottom: 40upx;
}
.textinfo-title{
	font-size: 36upx;
	color: #333;
	margin-bottom: 20upx;
}
.textinfo-desc{
	color: #898f97;
	margin-bottom: 20upx;
}
.textinfo-ol{
	color: #a1a1a3;
	.ol-li{
		margin-bottom: 12upx;
	}
}
.mediainfo-box{
	
}
.mediainfo-theme-text{
	font-size: 32upx;
	text-align: center;
	color: $coco-theme-color;
	margin-top: 36upx;
}
.device-layout-btns{
	padding-bottom: 20upx;
	.btn-cell{
		flex: 1;
		min-width: 0;
		margin-right:20upx;
		&:last-child{
			margin-right: 0;
		}
	}
	.btn-row{
		margin-bottom:24upx;
		&:last-child{
			margin-bottom: 0;
		}
	}
	.lg{
		display: flex;
	}
}
.uform-box{
	/deep/.u-form{
		.u-form-item--left__content__icon{
			color: #c3c5c7;
			font-size: 36upx;
			.u-icon{
				vertical-align: baseline;
			}
		}
	}
}

.dver-mod{
	 
}
.dver-mhead{
	text-align: center;
}
.dver-progress{
	
	.progress-cover-item{
		width: 264upx;
		height: 264upx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		border:4upx dashed #eaeaea;
		color: #515c66;
		border-radius: 100%;
		.item-num{
			font-size: 60upx;
			line-height: 1.2;
			margin-top: 24upx;
			.num-text{
				
			}
			.num-unit{
				
			}
		}
		.item-icon{
			margin-top: 8upx;
		}
	}
}

.dver-texts{
	margin-top: 60upx;
	margin-bottom: 30upx;
	.text-lab{
		font-size: 26upx;
		color: #a7aaae;
		margin-bottom: 16upx;
	}
	.text-countdown{
		font-size: 28upx;
		color: #438dff;
	}
}
.dver-cells{
	
}
.dver-cell{
	position: relative;
	padding:28upx 0;
	display: flex;
	align-items: center;
	color: #c8c8c8;
	font-size: 28upx;
	line-height: 40upx;
	.cell-body{
		flex: 1;
		min-width: 0;
	}
	.cell-icon{
		line-height: 1;
	}
	&.coco-active{
		color: $coco-theme-color;
	}
	&::after{
		content: " ";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 1px;
		background-color: #f4f5f5;
		transform: scaleY(.5);
	}
}